<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Merger Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!---->
<script src="js/bootstrap.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
</head>
<body>
 <div class="header">
	<div class="container">
	<div class="header-menu">
		<nav class="navbar navbar-default">
	  <div class="container-fluid">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
		  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		  </button>
		 
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		  <ul class="nav navbar-nav">
			<li class="active"><a href="index.html">首页 </a></li>
			<li><a href="about.html">关于</a></li>
			<li class="dropdown">
			  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">服务 <span class="caret"></span></a>
			  <ul class="dropdown-menu">
				<li><a href="services.html">服务1</a></li>
				<li><a href="services1.html">服务2</a></li>
				<li><a href="services2.html">服务3</a></li>
				
			  </ul>
			</li>
			 <li><a href="gallery.html">案例</a></li>
			  <li><a href="typo.html">应用商店</a></li>
			 <li><a href="contact.html">关于我们</a></li>
			 
		  </ul>
		 
			  
		 
		</div><!-- /.navbar-collapse -->
	  </div><!-- /.container-fluid -->
	</nav>
	<!-- start search-->
	
				<div class="search-box">
				   <div id="sb-search" class="sb-search">
					  <form>
						 <input class="sb-search-input" placeholder="输入搜索词..." type="search" name="search" id="search">
						 <input class="sb-search-submit" type="submit" value="">
						 <span class="sb-icon-search"> </span>
					</form>
					</div>
				 </div>
				 <!----search-scripts---->
				 <script src="js/classie.js"></script>
				 <script src="js/uisearch.js"></script>
				   <script>
					 new UISearch( document.getElementById( 'sb-search' ) );
				   </script>
					<!----//search-scripts---->
					<div class="clearfix"></div>
</div>
		  
		<div class="number">
			<p>+123456789</p>
		</div>
		<div class="logo">
			<a href="index.html"><img src="images/logo.png" alt=""></a>
		</div>
		<div class="banner">
			<h1>相逢即是缘</h1>
			<h2>有缘千里来相会</h2>
		</div>
	</div> 
</div>			
	<!--content-->
	<div class="content">
		<div class="container">
		<div class="content-top">
			<div class="col-md-6 content-top1">
				<img src="images/pl.jpg" class="img-responsive" alt="">
				<div class="content-plan">
				
					<h6><a href="about.html">Lorem ipsum dolor sit</a></h6>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod .</p>
				</div>
				<span class="locations" >场地</span>
			</div>
			<div class="col-md-6 content-top1">
				<img src="images/pl1.jpg" class="img-responsive" alt="">
				<div class="content-plan">
				
					<h6><a href="services1.html">Lorem ipsum dolor sit</a></h6>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod .</p>
				</div>
				<span class="locations" >规划</span>
			</div>
			
				<div class="clearfix"></div>
			</div>
		</div>
		<!---->
		<div class="content-mid">
			<div class="col-md-3 content-mid1">
				<div class=" content-mid-img">
				
				</div>
			</div>
			<div class="col-md-7 content-mid2">
			<div class=" grid-middle">
			<div class=" grid-mid">
			<label></label>
			<h3>最新消息</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
							Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</p>
			
				<div class="news-top">
				<div class=" col-md-6 latest-grid">
					<div class="col-md-9 news-in">
						<h5><a href="single.html">Lorem ipsum dolor sit</a></h5>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod .</p>
					</div>
					<div class="col-md-3 news">
						<h4>20<span>六月</span></h4>					
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class=" col-md-6 latest-grid">
					<div class="col-md-3 news">
						<h4>16<span>六月</span></h4>					
					</div>
					<div class="col-md-9 news-in in-news">
						<h5><a href="single.html">Lorem ipsum dolor sit</a></h5>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>

					</div>
					
					<div class="clearfix"> </div>
				</div>
			<div class="clearfix"> </div>
			</div>
					<div class="news-top">
				<div class=" col-md-6 latest-grid">
					<div class="col-md-9 news-in">
						<h5><a href="single.html">Lorem ipsum dolor sit</a></h5>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
					</div>
					<div class="col-md-3 news">
						<h4>11<span>六月</span></h4>					
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class=" col-md-6 latest-grid">
					<div class="col-md-3 news">
						<h4>09<span>六月</span></h4>					
					</div>
					<div class="col-md-9 news-in in-news">
						<h5><a href="single.html">Lorem ipsum dolor sit</a></h5>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>

					</div>
					
					<div class="clearfix"> </div>
				</div>
			<div class="clearfix"> </div>
			</div>
		</div>
		</div>
			</div>
			<div class="col-md-2 content-mid1">
				<div class=" content-mid-img1">
				
				</div>			
			</div>
			<div class="clearfix"></div>
		</div>
		<!---->
		<div class="feature">
			<div class="container">
				<div class="feature-top">
					<label></label>
					<h3>特色婚礼供应商</h3>
				</div>
				<div class="feature-grid">
					<div class="col-md-4 feature-grid">
						<h5><a href="single.html">Consectetur adipisicing</a></h5>
						<div class=" fe-grid">
							<i class="glyphicon glyphicon-map-marker"></i>
							<div class="feature-text">
								<p>Tempor Street Lorem ipsum dolor,
								TL 19034-88974, Country</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<a href="single.html"><img src="images/pc.jpg" class="img-responsive" alt=""></a>
						<a href="single.html" class="read"> 更多</a>
					</div>
					<div class="col-md-4 feature-grid">
						<h5><a href="single.html">Consectetur adipisicing</a></h5>
						<div class=" fe-grid">
							<i class="glyphicon glyphicon-map-marker"></i>
							<div class="feature-text">
								<p>Tempor Street Lorem ipsum dolor,
								TL 19034-88974, Country</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<a href="single.html"><img src="images/pc1.jpg" class="img-responsive" alt=""></a>
						<a href="single.html" class="read"> 更多</a>
					</div>
					<div class="col-md-4 feature-grid">
						<h5><a href="single.html">Consectetur adipisicing</a></h5>
						<div class=" fe-grid">
							<i class="glyphicon glyphicon-map-marker"></i>
							<div class="feature-text">
								<p>Tempor Street Lorem ipsum dolor,
								TL 19034-88974, Country</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						<a href="single.html"><img src="images/pc2.jpg" class="img-responsive" alt=""></a>
						<a href="single.html" class="read"> 更多</a>
					</div>
					<div class="clearfix"> </div>	
				</div>
			</div>
		</div>
		<!--map-->
			<div class="map-top">
				<div class="map">
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12947831.742778081!2d-95.665!3d37.599999999999994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited+States!5e0!3m2!1sen!2sin!4v1422444552833" ></iframe>
				<span></span>
				</div>
					<div class="address">
					<label></label>
						<h4>Consectetur adipisicing</h4>
						<p>Sed do eiusmod tempor incididunt ut</p>
						<span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
					</div>
				</div>
				<!--//map-->
				<!---->
				<div class="container">
				<div class="content-bottom">
					
					
					<div class="col-md-4 address-grid">
								<h5>地址</h5>
								<p>Lorem ipsum dolor,
								TL 19034-88974</p>
							
						</div>
						<div class="col-md-4 address-grid ">
							
							<h5>联系方式</h5>
								<p>+123456789</p>
							
						</div>
						<div class="col-md-4 address-grid ">
							
							<h5>邮箱</h5>
								<p><a href="dianhe@163.com"> dianhe@163.com</a></p>
							
						</div>
						<div class="clearfix"> </div>	
					
					</div>
				</div>
		<!--//-->
		
	</div>
	<!--//content-->
<!--footer-->
	<div class="footer">
				<div class="container">
					<p class="footer-class">Copyright &copy; 2018.Company name All rights reserved. - Collect from <a href="http://www.dianhekeji.com/" title="点鹤科技" target="_blank">点鹤科技</a></p>
					<section id="set-9">
				<div class="hi-icon-wrap hi-icon-effect-9 hi-icon-effect-9a">
					<a href="#set-9" class="hi-icon "><i></i></a>
					<a href="#set-9" class="hi-icon "><i class="ic"></i></a>
					<a href="#set-9" class="hi-icon "><i class="ic1"></i></a>
					<a href="#set-9" class="hi-icon "><i class="ic2"></i></a>
				</div>
			</section>
			</div>
		</div>
		<!--//footer-->

</body>
</html>